<template>
  <div id="app" class="app">
     <router-view/>
     <loading :loading="loading" />
  </div>
</template>

<script>
import loading from "@/components/loading/index.vue";
import {ref,provide} from "vue"
export default {
    setup(){
        const loading = ref(false)
        provide('loading', loading );
        return{
          loading
        }
    },
    components:{
      loading
    }
}
</script>


<style lang="scss">

  .app{
    width: 100vw;
    height: 100vh;
  }
</style>
